<style>
	td {
		width: 50px;
		height: 20px;
		border: solid 1px #9F9F9F;
		padding: 5px;
	}
	.keyword_statistical{
		position: absolute;
		top: 10px;
		right: 50px;
		z-index: 2;
	}
</style>
<div class="box">
	<div class="box-header" style="display: inline-block;">
		<h3 class="box-title">首次匹配到关键字统计</h3>
	</div>
	<form class="form-horizontal">
		<div class="box-body">
			<div class="form-group" style="margin-left: 0;width: 15%;min-width:240px;display: inline-block;">
				<label style="margin-right: 5%;display: inline-block;">区域</label>
				<label>
					<select id="region" class="form-control select2"></select>
				</label>
			</div>
			<div class="form-group" style="margin-left: 1%;display: inline-block;width: 15%;min-width:260px;">
				<label style="margin-right: 5%;">日期</label>
				<label style="width: 70%;">
					<input type="text" class="form-control" name="daterange" id="reservation">
				</label>
			</div>
			<button type="button" class="btn btn-primary" style="background-color: #D69500;border: none;width: 8%;display: inline-block;margin-left: 5%;" onclick="loadHistogramData()">查询</button>
			<button type="button" class="btn btn-primary" style="background-color: #0D1113;border: none;width: 8%;display: inline-block;margin-left: 2%;" onclick="clearSelect();">清除</button>
			<button type="button" class="btn btn-primary" style="border: none;width: 10%;display: inline-block;float: right;" onclick="exportExcel();">导出为Excel</button>
		</div>
	</form>
	<div style="position: relative;">
		<div class="keyword_statistical">
			<div style="display: inline;">显示</div>
			<label>
				<select id="page" class="form-control" onchange="changePage()"></select>
			</label>
			<div style="display: inline;">项</div>
		</div>
		<div id="histogram" style="width: 100%;height:300px;"></div>
		<table id="keyWordTable" style="border-collapse: collapse;border: solid 1px #9F9F9F;width: 98.5%;text-align: center;margin-top: 5%;margin-left: 10px;margin-right: 10px;">
			<tr id="keyword">
				<td>关键词</td>
			</tr>
			<tr id="num">
				<td>次数</td>
			</tr>
		</table>
	</div>
</div>

<script src="src/js/statistical/often_keyword_question.js"></script>

